$(document).ready(function() {
    //坐边的nav定位
    function navLeft(index) {
        for (var i = 3; i <= 9; i++) {
            index -= 65;
            $(".content .Main01_nav_div:gt(" + i + ")").children('.Main01_nav_01').css({
                'top': index + 'px'
            });
        }
    }
    navLeft(0)
    // 滑块
    // var xtype = true;
    // var ytype = true;
    slipQuick($(".content .Main01_nav_div .Main01_nav_01_btm div ul li"))
    slipQuick($(".content_three figure ul li ol li"))


    function slipQuick(parameter) {
        parameter.mouseenter(function(e) {
            var Odiv = $("<div></div>");
            $(this).append(Odiv);
            $("<p>最高返回</p>").appendTo(Odiv).addClass('slip-p');
            $("<p>15.6</p>").appendTo(Odiv).addClass('slip-p1');
            var x = e.pageX;
            var y = -e.pageY;
            var x1 = $(this).offset().left;
            var y1 = -($(this).offset().top);
            var x2 = x1 + $(this).innerWidth();
            var y2 = y1 - $(this).innerHeight();
            var x0 = (x1 + x2) / 2;
            var y0 = (y1 + y2) / 2;
            var k = (y2 - y1) / (x2 - x1);
            var kk = (y - y0) / (x - x0);

            if (k < kk && kk < -k) {
                if (x > x0) {
                    // alert("右")
                    $(this).children('div').addClass('right-slip').animate({
                        "width": "108px"
                    }, 200, function() {
                        $(this).removeClass('right-slip').addClass('all-slip')
                    })
                    // xtype = true;
                } else {
                    // alert("坐")
                    $(this).children('div').addClass('left-slip').animate({
                        "width": "108px"
                    }, 200, function() {
                        $(this).removeClass('left-slip').addClass('all-slip')

                    })
                    // xtype = false;
                }
            } else {
                if (y > y0) {
                    // alert("shang")
                    $(this).children('div').addClass('top-slip').animate({
                        "height": "46px"
                    }, 200)
                    // ytype = true;
                } else {
                    $(this).children('div').addClass('bottom-slip').animate({
                        "height": "46px"
                    }, 200, function() {
                        $(this).removeClass('bottom-slip').addClass('all-slip')

                    })
                    // ytype = false;
                }
            }
        }).mouseleave(function() {
            $(this).children('div').animate({
                width: "0"
            }, 200, function() {
                $(this).remove();
            });
        });
    }

    contentThreeHoverStyle(0)
    function contentThreeHoverStyle(top) {
      for (var i = 0; i < 4; i++) {
        $(".content_three figure ul li i:eq("+i+")").css('top', top+"px");
        top+=62;
      }
      $(".content_three figure ul li i").css('opacity', '0');
      $(".content_three figure ul li i").hover(function() {
        $(this).css('opacity', '1');
      }, function() {
        $(this).css('opacity', '0');


      });

    }


});
